<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>客户信息详情</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <!-- Favicon -->
    <div th:replace="~{BackEnd/navigation::Favicon}"></div>

</head>

<body class="skin-dark">

<div class="main-wrapper">

    <!-- 头文开始 -->
    <div th:replace="~{BackEnd/navigation::Header}"></div>
    <!-- 头文结束 -->

    <!-- 侧边导航栏开始 -->
    <div th:replace="~{BackEnd/navigation::Topbbar}"></div>
    <!-- 侧边导航栏结束 -->

    <!-- 正文 -->
    <div class="content-body">

        <!-- 页面标题开始 -->
        <div class="row justify-content-between align-items-center mb-10">

            <!-- 页面标题开始 -->
            <div class="col-12 col-lg-auto mb-20">
                <div class="page-heading">
                    <h3>客户信息 <span>/ 客户信息详情</span></h3>
                </div>
            </div><!-- 页面标题结束 -->

            <!-- 页面按钮组开始 -->
            <div class="col-12 col-lg-auto mb-20">
                <div class="page-date-range">
                    <input type="text" class="form-control input-date-predefined">
                </div>
            </div>
            <!-- 页面按钮组结束 -->
        </div><!-- 页面标题结束 -->
        <!--Form controls Start-->
        <div class="col-12 mb-30">
            <div class="box">
                <div class="box-head">
                    <h3 class="title">客户详情</h3>
                </div>
                <div class="box-body">
                    <div class="row mbn-20" th:each="infomations : ${clientByIdWithDetails} ">

                        <!--Disabled Field-->
                        <div class="col-lg-6 col-12 mb-20">

                            <div class="row mbn-15">
                                <div class="col-10 mb-20">
                                    姓名：      <input type="text" class="form-control" disabled th:placeholder="${infomations.clientName}"/>
                                    性别：      <input type="text" class="form-control" disabled th:placeholder="${infomations.clientSex}"/>
                                    总订单金额： <input type="text" class="form-control" disabled th:placeholder="${infomations.orderAmount}"/>
                                    手机号：    <input type="text" class="form-control" disabled th:placeholder="${infomations.clientWechat}"/>
                                    证件类型：  <input type="text" class="form-control" disabled th:placeholder="${infomations.clientDetailDocumenttype}"/>
                                    银行：     <input type="text" class="form-control" disabled th:placeholder="${infomations.clientDetailBank}"/>
                                    银行网点：  <input type="text" class="form-control" disabled th:placeholder="${infomations.clientDetailBankbranches}"/>
                                    邮箱：   <input type="text" class="form-control" disabled th:placeholder="${infomations.clientEmail}"/>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12 mb-20">
                            <div class="row mbn-15">
                                <div class="col-10 mb-15">
                                    上级：    <input type="text" class="form-control" disabled th:placeholder="${infomations.clientSuperior}"/>
                                    生日：    <input type="text" class="form-control" disabled th:placeholder="${infomations.clientDetailBirthday}"/>
                                    总佣金：  <input type="text" class="form-control" disabled th:placeholder="${infomations.clientBalance}"/>
                                    积分：    <input type="text" class="form-control" disabled th:placeholder="${infomations.clientBalance}"/>
                                    微信ID：  <input type="text" class="form-control" disabled th:placeholder="${infomations.clientWechat}"/>
                                    证件号码： <input type="text" class="form-control" disabled th:placeholder="${infomations.clientDetailIdnumber}"/>
                                    佣金等级： <input type="text" class="form-control" disabled th:placeholder="${infomations.clientDetailCommissionvip}"/>
                                   <h3> 订单详情：<a href="">最新订单</a></h3>
                                </div>
                            </div>

                        </div>
                        <div class="col-lg-12 col-12 mb-20">

                            <div class="row mbn-15">
                                <div class="col-11 mb-20">
                                    地址： <input type="text" class="form-control" disabled th:placeholder="${infomations.clientDetailAddress}"/>
                                    备注： <input type="text" class="form-control" th:placeholder="${infomations.clientDetailMemo}"/>
                                </div>
                                <div class="col-lg-4 mb-20">
                                    <label for="formLayoutState1">会员等级</label>
                                    <select id="formLayoutState2" class="form-control">
                                        <option>普通会员</option>
                                        <option>黄金会员</option>
                                        <option>超级会员</option>
                                    </select>
                                </div>
                                <div class="col-lg-4 mb-20">
                                    <label for="formLayoutState1">标签</label>
                                    <select id="formLayoutState1" class="form-control">
                                        <option>有钱</option>
                                        <option>羊毛党</option>
                                        <option>黑名单</option>
                                        <option>正常用户</option>
                                        <option>新用户</option>
                                        <option>待观察</option>
                                    </select>
                                </div>
                                <div class="col-12 mb-20">
                                    <div class="form-group">
                                        <label class="inline"><input name="basicRadio" type="radio">同意保存</label>
                                    </div>
                                </div>
                                <div class="col-12 mb-20">
                                    <input type="submit" value="保存" class="button button-primary">
                                </div>
                            </div>
                        </div>
                        <!--Disabled Field-->
                    </div>
                </div>
            </div>
        </div>
        <!--Form controls End-->


    </div>
</div>
<!--Form With Basic Form Elements End-->
<div th:replace="~{BackEnd/navigation::Footer}"></div>

<div th:replace="~{BackEnd/navigation::Jsp}"></div>

</body>
</html>